<div class="row">
    <div class="container">
        <div class="col-md-4 col-md-offset-4 logo">
        </div>
        <div class="col-md-4 col-md-offset-4 login">
            <div class="clearfix"></div>
            <form  method="post" action="<?php echo $this->url('auth',array('action' => 'login')) ?>">
                <label for="user_login">
                Email<br/>
                <input type="email" name="email" class="form-control" placeholder="Enter your email"/>
                </label>
                <label for="password_login">
                Password<br/>
                <input type="password" name="password" class="form-control" placeholder="Enter your password"/>
                </label>
                <a id="sign_up" href="#">Don't have account?</a>
                <input type="submit" value="Log In" class="btn btn-success" />
            </form>
            <div class="clearfix"></div>
        </div>
    </div>
</div>
<script>
$(function(){
	$('a#sign_up').click(function(e){
		e.preventDefault();
		var login = $('div.login');
		login.find('form').remove();
		var html = '';
		html += '<form action="<?php echo $this->url('auth',array('action' => 'get-password')) ?>" method="post">';
		html += '<div class="get_password">';
		html += '<input type="email" name="email" class="form-control" placeholder="Enter your email" />';
		html += '<input type="submit" value="Get Password" class="btn btn-success" id="btn_get_password" />';
		html += '<div class="clearfix"></div>';
		html += '</div>';
		html += '</form>';
		login.append(html);
	});
});
</script>